<div class="pos" [@expandShrink]="isExpand ? 'expand' : 'shrink'">
    <div class="expand-btn" (click)="cardToggle()" draggable="true">
        <!-- <i nz-icon  nzType="to-top" nzTheme="outline"></i> -->
        <i *ngIf="isExpand" nz-icon nzType="caret-down" nzTheme="outline"></i>
        <i *ngIf="!isExpand" nz-icon nzType="caret-up" nzTheme="outline"></i>
    </div>
    <div class="box">
        <div class="boxLeft">
            <p class="title"><i></i>当前办理</p>

            <table>
                <thead>
                    <tr>
                        <td>序号</td>
                        <td>文书</td>
                        <td>文件类型</td>
                        <!-- <td width="140px">备注</td> -->
                        <td width="30%">操作</td>
                    </tr>
                </thead>
                <tbody>
                    <tr *ngFor="let item of dataList;let index=index;">
                        <td>{{index+1}}</td>
                        <td>
                            <i><img src="/assets/image/wenbook.png" alt=""></i>
                            <a class='a_download' (click)='download(item.fileid,item.filename)'>《{{item.doctype}}》</a>
                        </td>
                        <td>{{item.doctype}}</td>
                        <!-- <td class="textHidden">
                          <p title="备注信息字段占位…">{{item.remarks}}</p>
                        </td> -->
                        <td class="btnAlign">
                            <button appBtnPermiss [permissId]="'clue_document_update'" *ngIf="item.doctype=='案件来源登记表'&& name!=='editclue'"> <a  [routerLink]="['/main/home/clue/editclue',id]">编辑</a> </button>
                            <button appBtnPermiss [permissId]="'clue_document_download'"> <a class='a_download' (click)='download(item.fileid,item.filename)'>下载</a></button>
                            <button class="deltel" *ngIf="item.doctype!='案件来源登记表'">删除</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="boxRight">
            <p class="title"><i></i>下一步</p>

            <div class="boxRightContent">
            <!-- <label for="">
              <input type="radio" name="clue" id="" checked>继续办理
            </label>
              <label for="">
              <input type="radio" name="clue" id="">
            </label> -->

                <p class='boxRightItem'>
                    <label for="">
                      <!-- <select name="" id="">
                          <option value="0">部门字段占位</option>
                      </select> -->
                      <span>办理事项：</span> 
                      <nz-select style="width: 620px;" [nzDropdownStyle]="{'color':'red','font-size':'14px'}" name="xzmb" [(ngModel)]="approvalFull"  [nzSuffixIcon]='icon' nzAllowClear nzPlaceHolder="请选择">
                          <!-- <nz-option [nzValue]="clueOrigin.value" [nzLabel]="clueOrigin.name" *ngFor="let clueOrigin of clueOriginList"></nz-option> -->
                          <nz-option nzValue="提交线索" nzLabel="提交线索"></nz-option>
                      </nz-select>
                  </label>
                </p>
                <p class='boxRightItem'>

                    <label for="">
                          <span>选择人员：</span>
                          <nz-tree-select
                            style="width: 270px;margin-right: 5px"
                            nzPlaceHolder="请选择组织"
                            [nzDefaultExpandedKeys]="expandKeys"
                            [nzDropdownMatchSelectWidth]="true"
                            [nzDropdownStyle]="{ 'max-height': '300px' }"
                            [nzNodes]="nodes"
                            [nzAsyncData]="true"
                            (ngModelChange)="getSelectedNodeLists($event)"


                            [(ngModel)]="value"
                          >
                          </nz-tree-select>
                          <nz-select 
                              style="width: 140px;margin-right: 5px" 
                              name="xzmb"  
                              [nzSuffixIcon]='icon' 
                              nzAllowClear 
                              nzPlaceHolder="请选择"
                              [(ngModel)] = "selectCode"
                              (ngModelChange) = "getSelectedValue($event)"
                              [nzDropdownStyle]="{'color':'red','font-size':'14px'}"
                      
                          >
                              <nz-option *ngFor="let o of listOfOption" [nzLabel]="o.deptName" [nzValue]="o.deptId"> </nz-option>
                          </nz-select>
                          <nz-select 
                              style="width: 200px;margin-right: 5px" 
                              name="person"  
                              [nzSuffixIcon]='icon' 
                              nzAllowClear 
                              nzPlaceHolder="请选择"
                              [(ngModel)] = "selectPersonCode"
                              (ngModelChange) = "getRoleNameMethods($event)"
                              [nzDropdownStyle]="{'color':'red','font-size':'14px'}"
                          >
                              <nz-option *ngFor="let o of personOptionList" [nzLabel]="o.realName" [nzValue]="o.userId"> </nz-option>
                          </nz-select>
                      </label>
                </p>
                <p class='boxRightItem'>
                    <label>
                      <span>备注：</span> <input type="text" style="width: 620px" placeholder="备注信息" [(ngModel)]="remark">
                  </label>
                </p>
                <p style="padding-left: 66px;line-height: 42px;height: 42px;margin-top:10px;">
                    <button class="highLight" (click)="mysubmit()">提交</button>
                    <button (click)="back()">返回</button>
                </p>
            </div>
        </div>
        <!-- //模板 -->
        <ng-template #icon>
            <i nz-icon nzType="caret-down" nzTheme="outline"></i>
        </ng-template>
    </div>
</div>